
/**
 * Design elements for NTNU Template
 *
 * @author Andreas Gohr <andi@splitbrain.org>
 * @author Anika Henke <henke@cosmocode.de>
 * @modified-by Rune M. Andersen <rune.andersen@ime.ntnu.no>
 */

/* -------------- general elements --------------- */

html {
	font: 75%/1.5 Arial, "Lucida Grande", Verdana, Lucida, Helvetica, sans-serif;
}

body {
	font-size: 1em;
	background-color: __background__;
	color: __text__;
	background: url(images/logo.header.no.jpg) 50% 2em no-repeat;
	margin: 0;
	padding: 0;
}

/* the document */
#pagewrapper, #pagewrapperwide {
	border: 1px solid __border_dark__;
	border-width: 0 1px 1px 1px;
	margin: 0 auto;
	background: __background__;
	-moz-box-shadow: 0 .25em .5em -.15em __border_dark__;
}

.marginwrapper {
	margin: 0 1em;
}

div.dokuwiki table {
	font-size: 1em;
}

div.dokuwiki tr,
div.dokuwiki td,
div.dokuwiki th {
}

div.dokuwiki img {
	border: 0;
}

div.dokuwiki p,
div.dokuwiki blockquote,
div.dokuwiki table,
div.dokuwiki pre {
	margin: 0 0 1.0em 0;
}

div.dokuwiki hr {
	border: 0;
	border-top: 1px solid __border__;
	text-align: center;
	height: 0;
	margin: 1em 0;
}

div.dokuwiki div.nothing {
	text-align: center;
	margin: 2em;
}

/* ---------------- forms ------------------------ */

div.dokuwiki form {
	border: none;
	display: inline;
}

div.dokuwiki label.block {
	display: block;
	text-align: right;
	font-weight: bold;
}

div.dokuwiki label.simple {
	display: block;
	text-align: left;
	font-weight: normal;
}

div.dokuwiki label.block input.edit {
	width: 50%;
}

div.dokuwiki fieldset {
	width: 300px;
	text-align: center;
	border: 1px solid __border__;
	padding: 0.5em;
	margin: auto;
}

div.dokuwiki textarea.edit {
	font-family: "Lucida Console", monospace;
	font-size: 1em;
	color: __text__;
	background-color: __background__;
	border: 1px solid __border_dark__;
	padding: 0.3em 0 0 0.3em;
	width: 100%;
}

/* nice alphatransparency background except for IE <7 */
html>body div.dokuwiki textarea.edit {
	background:	__background__ url(images/inputshadow.png) repeat-x top;
}

div.dokuwiki input.edit,
div.dokuwiki select.edit {
	font-size: 1em;
	border: 1px solid __border_dark__;
	color: __text__;
	background-color: __background__;
	vertical-align: middle;
	margin: 1px;
	padding: 0.20em 0.3em;
	display: inline;
}

/* nice alphatransparency background except for IE <7 */
html>body div.dokuwiki input.edit,
html>body div.dokuwiki select.edit {
	background:	__background__ url(images/inputshadow.png) repeat-x top;
}

div.dokuwiki select.edit {
	padding: 0.1em 0;
}

div.dokuwiki input.missing {
	font-size: 1em;
	border: 1px solid __border_dark__;
	color: __text__;
	background-color: #ffcccc;
	vertical-align: middle;
	margin: 1px;
	padding: 0.20em 0.3em;
	display: inline;
}

/* disabled style - not understood by IE */
div.dokuwiki textarea.edit[disabled],
div.dokuwiki textarea.edit[readonly],
div.dokuwiki input.edit[disabled],
div.dokuwiki input.edit[readonly],
div.dokuwiki select.edit[disabled] {
	background-color: __background_neu__!important;
	color: __text_neu__!important;
}

/* edit form */
div.dokuwiki div.toolbar,
div.dokuwiki div#wiki__editbar {
	 margin: 2px 0;
	 text-align: left;
}

div.dokuwiki div#wiki__editbar {
	 height: 6em;
}

div.dokuwiki div#size__ctl {
	 float: right;
	 width: 60px;
	 height: 2.7em;
}
div.dokuwiki #size__ctl img {
	 cursor: pointer;
}
div.dokuwiki div#wiki__editbar div.editButtons {
	 float: left;
	 padding: 0 1.0em 0.7em 0;
}
div.dokuwiki div#wiki__editbar div.summary {
	 float: left;
}
div.dokuwiki .nowrap {
	 white-space: nowrap;
}
div.dokuwiki div#draft__status {
	float: right;
	color: __text_alt__;
}

/* --------- buttons ------------------- */


div.dokuwiki input.button,
div.dokuwiki button.button {
	border: 1px solid __border_dark__;
	color: __text__;
	background-color: __background__;
	vertical-align: middle;
	text-decoration: none;
	font-size: 1em;
	cursor: pointer;
	margin: 1px;
	padding: 0.125em 0.4em;
}

/* nice alphatransparency background except for IE <7 */
html>body div.dokuwiki input.button,
html>body div.dokuwiki button.button {
	background:	__background__ url(images/buttonshadow.png) repeat-x bottom;
}

* html div.dokuwiki input.button,
* html div.dokuwiki button.button {
	height: 1.8em;
}

div.dokuwiki div.secedit input.button {
	border: 1px solid __border_dark__;
	color: __text__;
	background-color: __background__;
	vertical-align: middle;
	text-decoration: none;
	margin: 0;
	padding: 1px 5px;
	font-size: 0.9em;
	cursor: pointer;
	float: right;
	display: inline;
}

/* ----------- page navigator ------------- */

div.dokuwiki div.pagenav {
		margin: 1em 0 0 0;
}

div.dokuwiki div.pagenav-prev {
		text-align: right;
		float: left;
		width: 49%
}

div.dokuwiki div.pagenav-next {
		text-align: left;
		float: right;
		width: 49%
}

/* --------------- Links ------------------ */

div.dokuwiki a:link,
div.dokuwiki a:visited {
	color: __extern__;
	text-decoration: none;
}
div.dokuwiki a:hover,
div.dokuwiki a:active {
	color: __text__;
	text-decoration: none;
}

div.dokuwiki a:link,
div.dokuwiki a:visited {
	color: __extern__;
	text-decoration: underline;
}

div.dokuwiki a:hover,
div.dokuwiki a:active {
	color: __text__;
	text-decoration: underline;
}


div.dokuwiki h1 a,
div.dokuwiki h2 a,
div.dokuwiki h3 a,
div.dokuwiki h4 a,
div.dokuwiki h5 a,
div.dokuwiki a.nolink {
	color: __text__ !important;
	text-decoration: none !important;
}

/* external link */
div.dokuwiki a.urlextern {
	/*background: transparent url(images/link_icon.png) 0px 50% no-repeat;*/
	/*padding: 1px 0px 1px 18px;*/
}

/* windows share */
div.dokuwiki a.windows {
	background: transparent url(images/windows.gif) 0px 50% no-repeat;
	padding: 1px 0px 1px 18px;
}

/* interwiki link (icon are set by dokuwiki) */
div.dokuwiki a.interwiki {
	padding-left: 18px;
}

/* link to some embedded media */
div.dokuwiki a.mediafile {
	background-position: 0 50%;
	padding: 1px 0px 1px 18px;
}

div.dokuwiki a.urlextern:link,
div.dokuwiki a.windows:link,
div.dokuwiki a.interwiki:link {
	color: __extern__;
}

div.dokuwiki a.urlextern:visited,
div.dokuwiki a.windows:visited,
div.dokuwiki a.interwiki:visited {
	color: __existing__;
}
div.dokuwiki a.urlextern:hover,
div.dokuwiki a.urlextern:active,
div.dokuwiki a.windows:hover,
div.dokuwiki a.windows:active,
div.dokuwiki a.interwiki:hover,
div.dokuwiki a.interwiki:active {
	color: __existing__;
}

/* email link */
div.dokuwiki a.mail {
	background: transparent url(images/mail_icon.gif) 0px 1px no-repeat;
	padding: 1px 0px 1px 18px;
}

/* existing wikipage */
div.dokuwiki a.wikilink1 {
	color: __existing__;
}

/* not existing wikipage */
div.dokuwiki a.wikilink2 {
	color: __missing__ !important;
}

/* ------------- Page elements ----------------- */

div.dokuwiki div.preview {
	background-color: __background__;
	padding: 1.5em 0 0 1em;
	border-left: .5em solid rgb(0,80,158);
	margin-left: -1.5em;
}

#breadcrumbs {
	color: __text__;
	width: __page_width__;
	display: block;
	border-bottom: 1px dotted __border_light__;
	margin-bottom: 3em;
}

#breadcrumbs div {
	font-size: 0.9em;
	padding: .5em 1em;
}

#breadcrumbs a,
#breadcrumbs a:link,
#breadcrumbs a:visited,
#breadcrumbs a:hover,
#breadcrumbs a:active {
	color: __text__;
	text-decoration: none;
}

div.dokuwiki span.user {
	color: __text_neu__;
	font-size: 0.9em;
}

div.dokuwiki li.minor {
	color: __text_neu__;
	font-style: italic;
}

/* embedded images */
div.dokuwiki img.media {
	margin: 0.5em;
}

div.dokuwiki img.medialeft {
	border: 0;
	float: left;
	margin: 0 0.5em 0 0;
}

div.dokuwiki img.mediaright {
	border: 0;
	float: right;
	margin: 0 0 0 0.5em;
}

div.dokuwiki img.mediacenter {
	border: 0;
	display: block;
	margin: 0 auto;
}

/* smileys */
div.dokuwiki img.middle {
	vertical-align: middle;
}

div.dokuwiki acronym {
	cursor: help;
	border-bottom: 1px dotted __text__;
}

/* general headline setup */
h1, h2, h3, h4, h5 {
		color: __text__;
		background-color: inherit;
		font-weight: normal;
		clear: left;
		margin: 0;
}

div.dokuwiki h1 {
	padding: 0;
}

div.dokuwiki p {
	margin: 0 0 1.5em 0;
}

/* special headlines */
.page h1 {
	font-family: Georgia, Times New Roman, Times, Serif;
}

.page h1 {font-size: 2.5em; font-weight: normal; line-height: 1.2em; margin-bottom: .6em;}
.page h2 {font-size: 1.5em; font-weight: normal; line-height: 1.5em; padding: .25em 0 }
.page h3 {font-size: 1.3em; font-weight: normal; line-height: 2.3em;}
.page h4 {font-size: 1em; font-weight: bold; }
.page h5 {font-size: 1em; font-weight: normal; text-decoration: underline;}

/* indent different sections */

/*
div.dokuwiki div.level1 {margin-left: 3px;}
div.dokuwiki div.level2 {margin-left: 23px;}
div.dokuwiki div.level3 {margin-left: 43px;}
div.dokuwiki div.level4 {margin-left: 63px;}
div.dokuwiki div.level5 {margin-left: 83px;}
*/

/* unordered lists */
div.dokuwiki ul {
	list-style-type: square;
	list-style-image: none;
	margin: 0 0 1.5em 2em;
	color: __text_other__;
	padding: 0;
}

div.dokuwiki ul.rss_detailed {
	margin: 0;
	list-style: none;
}

div.dokuwiki ul.rss_detailed li {
	border-bottom: 1px dashed __border__;
	margin-bottom: 1em;
}

div.dokuwiki ul.rss li div.detail {
	margin-bottom: 1em;
	margin-top: 0.3em;
}

div.dokuwiki .page ul.rss_detailed li span.title {
	font-weight: bold;
}

div.dokuwiki ul.rss li span.date {
	color: __text_alt__;
	font-size: 0.9em;
}

div.dokuwiki ul.rss_detailed li span.date {
	display: block;
}

/* ordered lists */
div.dokuwiki ol {
	list-style-image: none;
	margin: 0 0 0.5em 1.5em;
	color: __text_alt__;
	font-weight: bold;
}

div.dokuwiki ol li {
	margin-top: 1em;
}

/* the list items overriding the ul/ol definition */
div.dokuwiki .li {
	color: __text__;
	font-weight: normal;
}

div.dokuwiki ol {list-style-type: decimal}
div.dokuwiki ol ol {list-style-type: upper-roman}
div.dokuwiki ol ol ol {list-style-type: lower-alpha}
div.dokuwiki ol ol ol ol {list-style-type: lower-greek}

div.dokuwiki li.open {
	list-style-image: url(images/open.gif);
		/*list-style-type: circle;*/
}

div.dokuwiki li.closed {
	list-style-image: url(images/closed.gif);
		/*list-style-type: disc;*/
}

div.dokuwiki blockquote {
	border-left: 2px solid __border__;
	padding-left: 3px;
}

div.dokuwiki pre {
	font-size: 1.2em;
	padding: 0.5em;
	border: 1px dashed __border__;
	color: __text__;
	overflow: auto;
}

/* code blocks by indention */
div.dokuwiki pre.pre {
	background-color: __background_other__;
}

/* code blocks by code tag */
div.dokuwiki pre.code {
	background-color: __background_other__;
}

/* inline code words */
div.dokuwiki code {
	font-size: 1.2em;
}

/* code blocks by file tag */
div.dokuwiki pre.file {
	background-color: __background_alt__;
}

/* inline tables */
div.dokuwiki table.inline {
	background-color: __background__;
	border-spacing: 0;
	border-collapse: collapse;
}

div.dokuwiki table.inline th {
	padding: 0.3em;
	border: 1px solid __border__;
	background-color: __background_alt__;
	vertical-align: top;
}

div.dokuwiki table.inline td {
	padding: 0.3em;
	border: 1px solid __border__;
	vertical-align: top;
}

/* ---------- table of contents ------------------- */

div.dokuwiki div.toc {
	margin: 1.2em 0 0 2em;
	float: right;
	width: 18em;
	font-size: 0.9em;
	clear: both;
}

div.dokuwiki div.tocheader {
	border: 1px solid __border__;
	background-color: __background_alt__;
	text-align: left;
	font-weight: bold;
	padding: 3px;
	margin-bottom: 2px;
}

div.dokuwiki div.tocheader img {
	width: 0.8em;
	height: 0.8em;
	float: right;
	margin: 0.3em 3px 0 0;
	cursor: pointer;
}

div.dokuwiki #toc__inside {
	border: 1px solid __border__;
	background-color: __background__;
	text-align: left;
	padding: 0.5em 0 0.7em 0;
}

div.dokuwiki ul.toc {
	list-style-type: none;
	list-style-image: none;
	padding-left: 1em;
	margin: 0;
}

div.dokuwiki ul.toc li {
	background: transparent url(images/tocdot2.gif) 0 0.6em no-repeat;
	padding-left: 0.4em;
}

div.dokuwiki ul.toc li.clear {
	background-image: none;
	padding-left: 0.4em;
}

div.dokuwiki a.toc:link,
div.dokuwiki a.toc:visited {
	color: __extern__;
}

div.dokuwiki a.toc:hover,
div.dokuwiki a.toc:active {
	color: __text__;
}

/* ---------------------------- Diff rendering --------------------------*/
div.dokuwiki table.diff {
	background-color: __background__;
	width: 100%;
}
div.dokuwiki td.diff-blockheader {
	font-weight: bold;
}
div.dokuwiki table.diff th {
	border-bottom: 1px solid __border__;
	font-size: 1.2em;
	width: 50%;
	font-weight: normal;
	text-align: left;
}
div.dokuwiki table.diff td {
	font-family: monospace;
	font-size: 1em;
}
div.dokuwiki td.diff-addedline {
	background-color: #ddffdd;
}
div.dokuwiki td.diff-deletedline {
		background-color: #ffffbb;
}
div.dokuwiki td.diff-context {
		background-color: __background_neu__;
}
div.dokuwiki span.diffchange {
	color: red;
}

/* --------------------- footnotes -------------------------------- */

div.dokuwiki div.footnotes {
	clear: both;
	padding-left: 1em;
	margin: 1.5em 0;
}

div.dokuwiki div.fn {
	font-size: 0.9em;
}

div.dokuwiki a.fn_top {
	vertical-align: super;
	font-size: 0.9em;
}

div.dokuwiki a.fn_bot {
	vertical-align: super;
	font-size: 0.9em;
	font-weight: bold;
}

/* insitu-footnotes */
div.insitu-footnote {
	font-size: 0.9em;
	border: 1px solid __border__;
	background-color: __background_other__;
	text-align: left;
	padding: 4px;
	width: auto;
	max-width: 40%;		/* IE's width is handled in javascript */
}

/* overcome IE issue with one line code or file boxes which require h. scrolling */
* html .insitu-footnote pre.code,
* html .insitu-footnote pre.file {
	padding-bottom: 18px;
}

/* --------------- search result formating --------------- */
div.dokuwiki .search_result {
	margin-bottom: 6px;
	padding: 0 10px 0 30px;
}

div.dokuwiki .search_snippet {
	color: __text_neu__;
	font-size: 1em;
	margin-left: 20px;
}

div.dokuwiki .search_sep {
	color: __text__;
}

div.dokuwiki .search_hit {
	color: __text__;
	background-color: __highlight__;
}

div.dokuwiki div.search_quickresult {
	margin: 0 0 15px 30px;
	padding: 0 10px 10px 0;
	border-bottom: 1px dashed __border__;
}
div.dokuwiki div.search_quickresult h3 {
	margin: 0 0 1.0em 0;
	font-size: 1em;
	font-weight: bold;
}

div.dokuwiki ul.search_quickhits {
	margin: 0 0 0.5em 1.0em;
}

div.dokuwiki ul.search_quickhits li {
	margin: 0 1.0em 0 1.0em;
	float:left;
}

/* ---------- AJAX quicksearch ----------- */

div.dokuwiki div.ajax_qsearch {
	position: absolute;
	left: 3em;
	width: 25em;
	display: none;
	border: 1px solid __border__;
	background-color: __background_other__;
	text-align: left;
	padding: 4px;
}

/* --------- Toolbar -------------------- */
button.toolbutton {
	background-color: __background__;
	padding: 3px 5px;
	margin: 1px 1px 0 0;
	border: 1px solid __border_dark__;
	cursor: pointer;
}

/* nice alphatransparency background except for IE <7 */
html>body button.toolbutton {
	background:	__background__ url(images/buttonshadow.png) repeat-x bottom;
}

div.picker {
	width: 250px;
	border: 1px solid __border__;
	background-color: __background_alt__;
}

button.pickerbutton {
	padding: 0px;
	margin: 0 1px 1px 0;
	border: 0;
	background-color: transparent;
	font-size: 1em;
	cursor: pointer;
}

/* ---------- Spellchecking ------------- */

div.dokuwiki a.spell_error {
	color: #f00;
	text-decoration: underline;
}

div.dokuwiki div#spell__suggest {
	background-color: __background__;
	padding: 2px;
	border: 1px solid __text__;
	font-size: 0.9em;
	display: none;
}

div.dokuwiki div#spell__result {
	border: 1px solid __border__;
	color: __text__;
	font-size: 1em;
	padding: 3px;
	background-color: __background_other__;
	display: none;
}

div.dokuwiki span.spell_noerr {
	color: #093;
}

div.dokuwiki span.spell_wait {
	color: #06c;
}

/* ---------------	Image Details	----------------- */

div.dokuwiki div.img_big {
	float: left;
	margin-right: 0.5em;
}

div.dokuwiki dl.img_tags dt {
	font-weight: bold;
	background-color: __background_alt__;
}
div.dokuwiki dl.img_tags dd {
	background-color: __background_neu__;
}

div.dokuwiki div.imagemeta {
	color: __text_neu__;
	font-size: 0.9em;
}

div.dokuwiki div.imagemeta img.thumb {
	float:left;
	margin-right: 0.1em;
}

/* ---------------	Message field	----------------- */

div.error,
div.info,
div.success,
div.notify
{
  padding: 0.3em 0.3em 0.3em 2.5em;
  background-position: 0.5em 50%;
  font-size: 1em;
}

/* ---------------	Config manager	----------------- */

#config__manager td.label span.outkey {
	margin-top: -1.5em;
}